﻿@model Chilis.CRM.Web.Models.Publicacion.RegistroModel
           

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/BaseLayout.cshtml";
}

<script>
    window.fbAsyncInit = function () {
        FB.init({
            appId: '494855570579929', // App ID
            status: true, // check login status
            cookie: true, // enable cookies to allow the server to access the session
            xfbml: true  // parse XFBML
        });

        // Additional initialization code here
    };

    // Load the SDK Asynchronously
    (function (d) {
        var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
        if (d.getElementById(id)) { return; }
        js = d.createElement('script'); js.id = id; js.async = true;
        js.src = "//connect.facebook.net/en_US/all.js";
        ref.parentNode.insertBefore(js, ref);
    } (document));
</script>

<script>
    $(function () {

        $('#btnRegistrar').click(function () {

            var descripcion = $('#txtDescripcion').val();
            var idTipoPublicacion = $('#selTipoPublicacion').val();

            if (idTipoPublicacion == '') {
                alert('Debe seleccionar un tipo de publicacion')
            } else if (descripcion == '') {
                alert('Debe ingresar una descripcion')
            }
            else {
                $.ajax({
                    url: '@Url.Action("RegistrarPublicacion", "Publicacion")',
                    type: "POST",
                    dataType: "json",
                    data: {
                        'Descripcion': descripcion,
                        'IdTipoPublicacion': idTipoPublicacion
                    },
                    success: function (data) {
                        alert("Se Grabo Correctamente!");
                        limpiarFormulario();
                    }
                })
            }
        });

        function limpiarFormulario() {

            $('#txtDescripcion').val('');
            $('#selTipoPublicacion').val('');
        };

        $('#btnVolver').click(function () {
            FB.login(function (response) {

                if (response.authResponse) {
                    $.ajax({
                        url: '@Url.Action("ActualizarAccessToken", "Publicacion")',
                        type: "POST",
                        dataType: "json",
                        data: { token: response.authResponse.accessToken },
                        success: function (data) {
                            alert("Se persistieron los cambios correctamente");
                        }
                    })
                } else {
                    alert('No se pudo autenticar');
                }
            }, { scope: 'email,user_likes,publish_stream,offline_access' });
        });




    });
</script>
<h1>
    Nueva Publicacion</h1>
<fieldset>
    <table width="100%" border="0">
        <tr>
            <td colspan="9" class="td_alto">
            </td>
        </tr>
        <tr>
            <td width="5">
                &nbsp;
            </td>
            <td width="20%">
                Tipo Publicacion :
            </td>
            <td width="5">
                &nbsp;
            </td>
            <td width="20%">
                <select id="selTipoPublicacion">
                    <option value="">Seleccione</option>
                    @foreach (var item in Model.TipoPublicacion)
                    {   
                        <option value="@item.IdTipoPublicacion">@item.Descripcion</option>    
                    }
                </select>
            </td>
            <td width="5">
                &nbsp;
            </td>
            <td width="20%">
                &nbsp;
            </td>
            <td width="5">
                &nbsp;
            </td>
            <td width="20%">
                &nbsp;
            </td>
            <td width="5">
                &nbsp;
            </td>
        </tr>
        <tr>
            <td colspan="9" class="td_alto">
            </td>
        </tr>
        <tr>
            <td width="5">
                &nbsp;
            </td>
            <td>
                @Html.LabelFor(model => model.Descripcion)
            </td>
            <td width="5">
                &nbsp;
            </td>
            <td colspan="5">
                @Html.TextAreaFor(model => model.Descripcion, new { Id = "txtDescripcion", Rows = 4, Cols = 80 })
            </td>
        </tr>
        <tr>
            <td colspan="9" class="td_alto">
            </td>
        </tr>
        <tr>
            <td width="5">
                &nbsp;
            </td>
            <td width="20%">
                &nbsp;
            </td>
            <td width="5">
                &nbsp;
            </td>
            <td width="20%">
                &nbsp;
            </td>
            <td width="5">
                &nbsp;
            </td>
            <td width="20%">
                <input type="button" value="Registrar" class="boton" id="btnRegistrar" />
                <input type="button" value="Volver" class="boton" id="btnVolver" />
            </td>
            <td width="5">
                &nbsp;
            </td>
            <td width="20%">
                &nbsp;
            </td>
            <td width="5">
                &nbsp;
            </td>
        </tr>
    </table>
</fieldset>